const loginForm = document.getElementById('login-form');

loginForm.addEventListener('submit', function (e) {
  e.preventDefault();
  const username = document.getElementById('username').value;
  const password = document.getElementById('password').value;

  // 这里应该是真正与后端交互验证用户名和密码的逻辑，此处为了示例简单模拟验证通过的情况
  // 实际应用中需要发送AJAX请求或者使用fetch等方式与后端API通信进行验证
  if (username === 'testuser' && password === 'testpassword') {
    // 登录成功后，将用户登录状态保存（这里只是简单示例，可使用更安全可靠的方式如localStorage结合token等）
    // 例如可以使用localStorage.setItem('isLoggedIn', 'true');

    // 跳转到博客首页（假设首页是index.html，根据实际情况调整）
    window.location.href = 'index.html';
  } else {
    alert('用户名或密码错误，请重新输入！');
  }
});